import styles from "../index.module.less";
import IMToolTip from "@/components/common/ToolTip";
export default defineComponent({
  props: {
    record: {
      type: [Object],
      default: () => ({}),
    },
  },
  setup(props, { attrs }) {
    const { record } = toRefs(props);
    return () => (
      <div class={styles.grid_item}>
        <div class={styles.icon_wrap}>
          <span class={styles.title}>{record.value.title}</span>
          <span>
            <im-tooltip
              color="#ffffff"
              defaultValue={<info-circle-filled />}
              title={<div style="color: #333333;">{record.value.tips}</div>}
            />
          </span>
        </div>
        <div class={styles.num}>{record.value.data}</div>
        <div class={styles.yesterday}>{record.value.compare}</div>
      </div>
    );
  },
});
